<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="utf-8" />
	<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
	<title>河口市人民医院</title>
	<link rel="stylesheet" type="text/css" href="css/app.css" />
	<link rel="stylesheet" href="css/commons.css">
</head>
<body>
<header id="header">
	<h3 class="header-title">东营市河口区 - 转诊一件事</h3>
	<div class="header-info header-info-l">数据来源：河口区人民医院</div>
	<div class="header-info header-info-r">数据日期：<span id="nowDate"></span></div>
</header>
<footer id="footer"></footer>

<!-- 大屏内容 -->
<div id="container">
	<div class="flex column h100">
		<div class="flex flex2">
			<div class="ptb15 plr15 flex2">
				<div class="flex column h100">
					<!-- 医保备案转诊 -->
					<div class="chart-wrapper">
						<h3 class="chart-title bold">医保备案转诊</h3>
						<div class="chart-div" id="rankChart">
							<div class="chart-loader"><div class="loader"></div></div>
						</div>
					</div>
					<!-- 普通转诊 -->
					<div class="chart-wrapper">
						<h3 class="chart-title bold">急诊转出</h3>
						<div class="chart-div" id="ptzzLineChart">
							<div class="chart-loader"><div class="loader"></div></div>
						</div>
					</div>
				</div>
			</div>
			<!-- 今日数据分析 -->
			<div class="ptb15 plr15 flex15">
				<div class="chart-wrapper">
					<h3 class="chart-title bold">今日数据分析</h3>
					<div class="chart-div chart-done">
						<table class="data-t">
							<tr>
								<th><img src="img/icon-01.png" /></th>
								<td>
									<p><span id="listedCompany">0</span></p>
									<p>今日门诊量</p>
								</td>
							</tr>
							<tr>
								<th><img src="img/icon-02.png" /></th>
								<td>
									<p><span id="totalMarket">0</span></p>
									<p>今日收入院</p>
								</td>
							</tr>
							<tr>
								<th><img src="img/icon-05.png" /></th>
								<td>
									<p><span id="shRatio">0</span></p>
									<p>今日医保转出人次</p>
								</td>
							</tr>
							<tr>
								<th><img src="img/icon-06.png" /></th>
								<td>
									<p><span id="szRatio">0</span></p>
									<p>今日急诊转出人次</p>
								</td>
							</tr>
						</table>
					</div>
				</div>
			</div>
			<!-- 实时信息 -->
			<div class="ptb15 pr15 flex15">
				<div class="chart-wrapper">
					<h3 class="chart-title bold">实时信息</h3>
					<div class="chart-div gray10 ft14 overxy myScrollBox">
						<ul class="w100 hauto">
						</ul>
					</div>
				</div>
			</div>
			<div class="ptb15 plr15 flex2">
				<div class="flex column h100">
					<!-- 外请专家人次 -->
					<div class="chart-wrapper">
						<h3 class="chart-title bold">外请专家人次</h3>
						<div class="chart-div" id="mapChart">
							<div class="chart-loader"><div class="loader"></div></div>
						</div>
					</div>
					<!-- 上级医院转入 -->
					<div class="chart-wrapper">
						<h3 class="chart-title bold">上级医院转入</h3>
						<div class="chart-div" id="wqChart">
							<div class="chart-loader"><div class="loader"></div></div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="flex flex1">
			<!-- 舆情环比分析 -->
			<div class="plr15 flex2">
				<div class="chart-wrapper">
					<h3 class="chart-title bold">转出医院数据分析</h3>
					<div class="chart-div pt20" id="trendChart">
						<div class="chart-loader"><div class="loader"></div></div>
					</div>
				</div>
			</div>
			<!-- 住院人次\门诊人次 -->
			<div class="plr15 flex3 pb0">
				<div class="chart-wrapper">
					<h3 class="chart-title bold">收入院人次分析</h3>
					<div class="chart-div" id="rankChart1">
						<div class="chart-loader"><div class="loader"></div></div>
					</div>
				</div>
			</div>
			<!-- 下级医院转入 -->
			<div class="plr15 flex2 pb0">
				<div class="chart-wrapper">
					<h3 class="chart-title bold">下级医院转入</h3>
					<div class="chart-div" id="csrcChart">
						<div class="chart-loader"><div class="loader"></div></div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>

<script type="text/javascript" src="js/jquery-3.3.1.min.js"></script>
<script type="text/javascript" src="viewjs/scroll.js"></script>
<script type="text/javascript" src="js/countUp.min.js"></script>
<script type="text/javascript" src="js/echarts.min.js"></script>
<script type="text/javascript" src="js/echarts-map-china.js"></script>
<script type="text/javascript" src="js/echarts-theme-shine.js"></script>

<script src="plugins/jsrender/jsrender.js"></script>
<script id="info_tmpl" type="text/x-jsrender">
	{{if #index%2 != 0 }}
		<li class="ptb10 plr10 radius4">
			<p> <span class="orange ft20">■</span> {{: inPatName }}，{{: mainDiagName }}</p>
			<p class="pl15">{{: sqks }} {{: patInTime.substr(0,patInTime.lastIndexOf(".")) }}</p>
		</li>
	{{else}}
		<li class="ptb10 plr10 radius4 bghome2">
			<p> <span class="orange ft20">■</span> {{: inPatName }}，{{: mainDiagName }}</p>
			<p class="pl15">{{: sqks }} {{: patInTime.substr(0,patInTime.lastIndexOf(".")) }}</p>
		</li>
	{{/if}}
</script>
<script src="js/visualization.js"></script>



<script src="viewjs/today.js"></script>
<script src="viewjs/ybbazz.js"></script>
<script src="viewjs/jrsjfx.js"></script>
<script src="viewjs/ptzz.js"></script>
<script src="viewjs/yqhbfx.js"></script>
<script src="viewjs/zyrc.js"></script>
<script src="viewjs/wqzjrc.js"></script>
<script src="viewjs/xjyyzrrc.js"></script>
<script src="viewjs/sjyyzrrc.js"></script>
<!--<script src="viewjs/wqzjsjtj.js"></script>-->
<!--<script src="viewjs/zjktj.js"></script>-->
<script>
	$(function () {
		$('.myScrollBox').scroll({
			speed: 120, //数值越大，速度越快
		});
	});
</script>
</body>
</html>
